<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>相册名_微图片</title>
<style>
*{margin:0;padding:0;}
html{overflow-y:scroll}
body {background:url(http://mat1.gtimg.com/www/mb/skin/jd/bhxp/bg.jpg) top center no-repeat fixed #E5E5E5;font-family:"微软雅黑";}
img{border:0;}
.header{height:35px;width:100%;border-bottom:1px solid #333;margin-top:0;top:0;left:0;z-index:100;filter:alpha(opacity=80);opacity:0.8;background:#2d2d2d;}
.header .nav_item{margin:0 auto;width:1010px;}
.header .nav_item ul{list-style:none;}
.header .nav_item li{float:left;}
.header .nav_item .nav_r li{float:right;}
.header .nav_item .nav_r li a{padding:5px 5px;height:25px;}
.header .nav_item a{color:#fff;font-size:14px;display:block;float:none; margin-top:1px;padding:8px 10px;line-height:17px;text-decoration:none;}
.header .nav_item a:hover,.nav .nav_item li:hover{color:#fff;background:#000;}
.header .nav_item .logo{width:120px;height:35px;background:url(static/img/logo.png) no-repeat;margin:0px 5px;padding:0;}
.header .nav_item .logo:hover{background:url(static/img/logo.png) no-repeat;}
.head_clear{height:0;width:100%;display:block;}
.main{width:1000px;margin:10px auto;overflow: hidden;}
.left{float:left;width:740px;height:100%;background-color:#fff;margin-bottom:-3000px; padding-bottom:3000px;}
.right{float:right;width:259px;height:100%;background:#e3eff3;border-left:1px dotted #A0BBC9;margin-bottom:-3000px; padding-bottom:3000px;}
.pic{width:100%;margin:10px auto;text-align:center;}
.pic img{border: 1px solid #CCC;padding:1px;}
.piclist{float:left;width:660px;}
.piclist li{width:75px;display:inline;padding:5px;}
.piclist li img{border: 1px solid #CCC;padding:1px;}
.footer{margin:15px;text-align:center;color:#333;font-size:12px;}
</style>
<script type="text/javascript" src="static/js/jquery.min.js"></script>
<script type="text/javascript" src="static/js/jquery.quickpaginate.min.js"></script>
<script>
function upNext(bigimg)
{
	var lefturl		= '01.html';
	var righturl	= '03.html';
	var imgurl		= righturl;
	var width	= bigimg.width;
	var height	= bigimg.height;
	bigimg.onmousemove = function(){
		if (event.offsetX<width/2) {
			bigimg.style.cursor	= 'url(static/img/arr_left.cur),auto';
			imgurl				= lefturl;
		} else {
			bigimg.style.cursor	= 'url(static/img/arr_right.cur),auto';
			imgurl				= righturl;
		}
	}
	bigimg.onmouseup=function(){
		top.location=imgurl;
	}
}
</script>
</head>
<body>
<div class="header">
	<div class="nav_item">
		<ul>
			<li><a class="logo" href="./index.html" title="微图片">&nbsp;</a></li>
		</ul>
		<ul class="nav_r" id="info">
			<li id="qqLoginBtn"></li>
		</ul>
	</div>
</div>
<div class="head_clear"></div>
<div class="main">
	<div class="left">
		<div style="height:25px;background:#e3eff3;padding:5px;">
			<span style="font-size:12px;color:#888;float:right;margin:5px 5px 0 5px;">共有9张图片</span>
			<p style="float:left;margin:0 5px 0 5px;">相册名</p>
		</div>
		<div class="pic"><img onmouseover="upNext(this)" src="static/img/02.jpg" /></div>
		<div class="small" style="width:740px;margin-top:20px;text-align:center;height:100px;">
			<div style="float:left;width:40px;"><a href="javascript:void(0);" class="pic_prev"><img src="static/img/prev.jpg" /></a></div>
			<ul class="piclist">
				<li><a href="view.html"><img src="http://ww1.sinaimg.cn/thumb150/53b11b26jw1dty7x2fmz0j.jpg" width="75" height="75"/></a></li>
				<li><a href="view.html"><img src="http://ww1.sinaimg.cn/thumb150/53b11b26jw1dty7x2fmz0j.jpg" width="75" height="75"/></a></li>
				<li><a href="view.html"><img src="http://ww1.sinaimg.cn/thumb150/53b11b26jw1dty7x2fmz0j.jpg" width="75" height="75"/></a></li>
				<li><a href="view.html"><img src="http://ww1.sinaimg.cn/thumb150/53b11b26jw1dty7x2fmz0j.jpg" width="75" height="75"/></a></li>
				<li><a href="view.html"><img src="http://ww1.sinaimg.cn/thumb150/53b11b26jw1dty7x2fmz0j.jpg" width="75" height="75"/></a></li>
				<li><a href="view.html"><img src="http://ww1.sinaimg.cn/thumb150/53b11b26jw1dty7x2fmz0j.jpg" width="75" height="75"/></a></li>
				<li><a href="view.html"><img src="http://ww1.sinaimg.cn/thumb150/53b11b26jw1dty7x2fmz0j.jpg" width="75" height="75"/></a></li>
				<li><a href="view.html"><img src="http://ww1.sinaimg.cn/thumb150/53b11b26jw1dty7x2fmz0j.jpg" width="75" height="75"/></a></li>
				<li><a href="view.html"><img src="http://ww1.sinaimg.cn/thumb150/53b11b26jw1dty7x2fmz0j.jpg" width="75" height="75"/></a></li>
				<li><a href="view.html"><img src="http://ww1.sinaimg.cn/thumb150/53b11b26jw1dty7x2fmz0j.jpg" width="75" height="75"/></a></li>
			</ul>
			<div style="float:right;width:40px;"><a href="javascript:void(0);" class="pic_next"><img src="static/img/next.jpg" /></a></div>
			<script type="text/javascript">
			$(".piclist li").quickpaginate({perpage:7, prev:"pic_prev", next:"pic_next", showcounter:false, pager: $(".piclist").parent()});
			</script>
		</div>
	</div>
	<div class="right">
		<div style="height:277px">
			<script type="text/javascript">document.write('<iframe width="259" height="277" frameborder="0" scrolling="no" src="http://widget.weibo.com/relationship/bulkfollow.php?language=zh_cn&uids=1642909335,1782515283,1266321801,1195242865&wide=1&color=FFFFFF,FFFFFF,0082CB,666666&showtitle=1&showinfo=0&sense=0&verified=0&count=5&refer='+encodeURIComponent(location.href)+'&dpc=1"></iframe>')</script>
		</div>
		<div id="google" style="height:250px;text-align:center;margin-top:5px;"></div>
	</div>
</div>
<div class="footer"></div>
<div id="google_temp" style="display:none;">
<script type="text/javascript">
google_ad_client = "ca-pub-8851101767970871";
google_ad_slot = "6486381932";
google_ad_width = 250;
google_ad_height = 250;
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>
<script type="text/javascript">
$("#google").html($("#google_temp").html());
$("#google_temp").html('');
</script>
</body>
</html>
